<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div th:replace="common/top"></div>

    <div id="Content">
        <form> <!-- action="order/viewOrder" method="post"-->
            <div id="Catalog">请确认以下信息并点击“确认”按钮继续...
                <table>
                    <tr>
                        <th align="center" colspan="2">
                            <span style="font-size: medium; "><b>订单</b></span>
                            <br />
                            <span style="font-size: small; ">
                                <b th:text="${#dates.format(session.order.orderDate, 'yyyy/MM/dd hh:mm:ss')}"></b>
                            </span>
                        </th>
                    </tr>

                    <tr>
                        <th colspan="2"><h2>支付方信息</h2></th>
                    </tr>
                    <tr>
                        <td>名:</td>
                        <td th:text="${session.order.billToFirstName}"></td>

                    </tr>

                    <tr>
                        <td>姓:</td>
                        <td th:text="${session.order.billToLastName}"></td>
                    </tr>
                    <tr>
                        <td>地址一:</td>
                        <td th:text="${session.order.billAddress1}"></td>
                    </tr>
                    <tr>
                        <td>地址二:</td>
                        <td th:text="${session.order.billAddress2}"></td>
                    </tr>
                    <tr>
                        <td>城市:</td>
                        <td th:text="${session.order.billCity}"></td>
                    </tr>
                    <tr>
                        <td>省份:</td>
                        <td th:text="${session.order.billState}"></td>
                    </tr>
                    <tr>
                        <td>邮政编码:</td>
                        <td th:text="${session.order.billZip}"></td>
                    </tr>
                    <tr>
                        <td>国家:</td>
                        <td th:text="${session.order.billCountry}"></td>
                    </tr>
                    <tr>
                        <th colspan="2">配送信息</th>
                    </tr>
                    <tr>
                        <td>名:</td>
                        <td th:text="${session.order.shipToFirstName}"></td>
                    </tr>
                    <tr>
                        <td>姓:</td>
                        <td th:text="${session.order.shipToLastName}"></td>
                    </tr>
                    <tr>
                        <td>地址一:</td>
                        <td th:text="${session.order.shipAddress1}"></td>
                    </tr>
                    <tr>
                        <td>地址二:</td>
                        <td th:text="${session.order.shipAddress2}"></td>
                    </tr>
                    <tr>
                        <td>城市:</td>
                        <td th:text="${session.order.shipCity}"></td>
                    </tr>
                    <tr>
                        <td>省份:</td>
                        <td th:text="${session.order.shipState}"></td>
                    </tr>
                    <tr>
                        <td>邮政编码:</td>
                        <td th:text="${session.order.shipZip}"></td>
                    </tr>
                    <tr>
                        <td>国家:</td>
                        <td th:text="${session.order.shipCountry}"></td>
                    </tr>

                </table>
                <br>
                <br>
                <input type="button" name="confirmOrder" th:value="'确认'" onclick="showPopup()"/> <!--  type="submit" name="confirmOrder"-->
            </div>
        </form>
        <div class="overlay" id="overlay" style="display: none;"></div>
        <form>
            <div class="popup" id="popup" style="display: none;">
                <a class="popup_title">选择支付方式</a>
                <a href="" class="popup_a">
                    <img src="/images/card.png" class="popup_img">
                    <div>
                    <button class="btn app-btn-primary">银行卡支付</button>
                    </div>
                </a>
                <a href="/pay" class="popup_a">
                    <img src="/images/alipay.png" class="popup_img">
                    <div>
                    <button class="btn app-btn-primary">支付宝支付</button>
                    </div>
                </a>
                <a href="" class="popup_a">
                    <img src="/images/wechat.png" class="popup_img">
                    <div>
                    <button class="btn app-btn-primary">微信支付</button>
                    </div>
                </a>
                <div>
                <button type="button" class="btn app-btn-secondary" onclick="hidePopup()">取消</button>
                </div>
            </div>
        </form>
        <script src="/js/order.js"></script>
        <br>
        <br>

    </div>

    <div th:replace="common/bottom"></div>

</body>
</html>